/* 聊天面板 */
.chat-container-wrap{
  background-color: var(--theme-chat-bg-default);
}
.chat-container-color{
  color:var( --theme-color-primary)
}
.chat-input-form{
  width: calc(100% - 40px - 40px);
}
.chat-input-div{
  background: var(--theme-sidebar-bg);
  border: 1px solid var(--theme-chat-border-default);
}
.chat-input-placeholder{
  color: var(--theme-chat-input-holder);
}
.chat-input-text{
  color: var(--theme-color-primary);
}
.chat-send{
  background: var(--theme-chat-bg-send);
}
.chat-input-placeholder{
  color: var(--theme-chat-input-holder);
}
.chat-file-list{
  background-color: var(--theme-chat-bg-default);
}
.chat-file-text{
  color: var(--theme-space-placeholder-color)
}
.chat-message{
  color: var(--theme-color-primary);
  background: var(--theme-sidebar-add-bg);
  border-radius: 12px 12px 0px 12px;
}
.message-list:not(:last-child){
  margin-bottom: 8px;
}
.icon-history{
  display: block;
}
.history:hover .icon-history{
  display: none;
}
.icon-history-active{
  display: none;
}
.history:hover .icon-history-active{
  display: block;
}

.icon-set{
  display: block;
}
.set:hover .icon-set{
  display: none;
}
.icon-set-active{
  display: none;
}
.set:hover .icon-set-active{
  display: block;
}

.icon-upload{
  display: block;
}
.icon-upload-active{
  display: none;
}
.upload:hover .icon-upload{
  display: none;
}
.upload:hover .icon-upload-active{
  display: block;
}

.icon-set-active, .icon-history-active,.icon-upload-active {
  transition: display 0.5s ease; /* 平滑过渡效果 */
}
